<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/WEB-INF/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery瀑布流实例最流行瀑布流图片展示</title>
<meta name="description" content="jquery masonry与infinitescroll两款瀑布流插件制作当下最流行的瀑布流图片展示实例，通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示。用户可以无限浏览图片或内容无限加载瀑布流效果。" />
<link href="${ctx}/resources/css/index.css" rel="stylesheet" type="text/css" />
<%@include file="/WEB-INF/common/common-header.jsp" %>
</head>
<body>
<%@include file="/WEB-INF/header.jsp" %>
	<div class="wfx clearfix">
		<div class="CloseupLeft">
			<div id="pin_sources">
				<div class="source board">
					<h3><a href="/boards/532318/" class="x">唯美 唯美</a></h3>
					<div class="arr"></div>
					<a href="/boards/532318/" onclick="" class="pins clearfix x">
						<img width="62" height="62" src="http://img.hb.aicdn.com/5b82cc1815e74fbdbd31c589bf87160411b88d564de4-pEh587_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/598095b13989b229005168bf4e4098a6e0d5dc0a2dbca-FJRu8M_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/a2d2ac60b532971f10a7ba13e00a3ac9c756002f7ef8-9XJ9sx_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/88fd2b3cbf0b8afef7b8c263f3d6ba9a7f1f558defe5-4xx20I_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/5d1613f98f6780893efd4e9d749feee3027a255939518-BKdpIx_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/1fb965850c3e49b812793c049d57ae49c70679a1297c6-JKgjd1_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/91bed44d5ded098e87db039e32288765295522c6aea4-OUWXRn_sq75"/>
						<img width="62" height="62" src="http://img.hb.aicdn.com/3e89966a164feb4c013acbedba2defcbc0126d0d14f15-2kaRkg_sq75"/>
					</a>
				</div>
			</div>
		</div>
		<div class="CloseupRight">
			<div class="wt clearfix">
				<div id="PinPinner">
					<a id="PinnerImage" href="/v205301/" class="img">
						<img src="http://img.hb.aicdn.com/9bbca98565146966fc4c5d16de70726333fe79d543de-ldsFd0_sq75"/></a>
					<p id="PinnerName">
						<a href="/v205301/">Vane_Chow_周文</a><span class="less">&nbsp;从&nbsp;</span><a href="/sarah--128/">Sarah酱</a></p>
					<div id="PinnerStats" class="less">转采于&nbsp;<span class="ts-words">5分钟前</span></div>
				</div>
				<div id="pin_img" class="pin-img">
					<div id="PinActionButtons" style="display:block" class="actions">
						<div class="black-button repin-button">
							<a title="快速转采" class="thunderpin"><i></i></a>
							<div onclick="" class="repin">转采</div>
						</div>
						<a title="喜欢" class="black-button like-button like"><i></i>赞</a>
					</div>
					<img src="${ctx }/images/pic/01.jpg" width="352" height="530" alt=""/>
					<a id="zoomr_show" title="查看原图"></a>
				</div>
				<div id="pin_stats">
					<div class="stats">
						<span class="likes-count count"><i></i>赞</span>
						<span class="comments-count count"><i></i>评论</span>
						<span class="repins-count count"><i></i>转采</span>
					</div>
					<div class="share">分享：
						<a data-to="weibo" title="新浪微博" class="weibo share-button"></a>
						<a data-to="tqq" title="腾讯微博" class="tqq share-button"></a>
						<a data-to="qzone" title="QQ空间" class="qzone share-button"></a>
						<a data-to="qfriends" title="QQ好友" class="qfriends share-button"></a>
						<a data-to="renren" title="人人网" class="renren share-button"></a>
						<a data-to="douban" title="豆瓣" class="douban share-button"></a>
					</div>
				</div>
				<div id="pin_caption" class="pin-caption"><p class="text"></p></div>
				<div id="pin_comments"></div>
				<div id="PinAddComment" class="clearfix">
					<div id="PinInputArea">
						<a href="//" title="" class="img x"><img src="/img/default_buddy_icon.jpg" class="avatar"/></a>
						<div class="InputContainer Form FancyForm">
							<textarea id="CloseupComment" name="caption"></textarea>
							<label>添加评论或把采集@给好友</label>
							<span class="fff"></span>
						</div>
						<div id="PinAddCommentControls" style="display:none;">
							<a id="PostComment" href="#" onclick="return false;" class="disabled btn btn13 wbtn">
							<strong> 添加评论</strong><span></span></a>
						</div>
					</div>
				</div>
			</div>
			<div id="related_recommend" class="wt ">
				<h4 class="title">你可能感兴趣的</h4>
				<div class="arr"><i></i></div>
				<div class="adv"></div>
				<div class="recommend-pins-unit clearfix">
					<div class="recommend-pin">
						<a href="/pins/48215164/" onclick="" class="img x">
							<img width="180" height="180" src="http://img.hb.aicdn.com/cb7c1ee63c8aa63e18d7e8f41b040b3d00e8c7958a81-FCf9Yc_sq300"/></a>
						<div class="description">
							<div class="inner">
								<a class="text-meta meta-tag" href="/tag/风景/">#风景#</a> 
								<a class="text-meta meta-tag" href="/tag/景点/">#景点#</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
			<div id="pin_view_footer">
				<span class="info"><i class="info-icon"></i><span class="title">使用键盘查看采集：</span>
				<i class="left-arrow">←</i>上一页<i class="right-arrow">→</i>下一页<i class="more">？</i>
				<span onclick="app.hotkey.showIntro();" class="help">更多帮助</span></span>
			</div>
	</div>
</body>
</html>
